// 侧边栏和吸顶栏显示与隐藏
$(window).scroll(function () {
    //当滚走的高度>=600侧边栏显示
    if ($(window).scrollTop() >= 600) {
        $("aside").fadeIn(200)
    } else {
        $("aside").fadeOut(200)
    }
    // 当滚走的高度>=200吸顶栏显示
    if ($(window).scrollTop() >= 200) {
        $(".header-top").slideDown(100)
    } else {
        $(".header-top").slideUp(100)
    }
})
//点击返回顶部
$(".bt-bottom").click(function () {
    $('html').animate({
        scrollTop: 0
    }, 500)
})
// 注册登录界面
// 显示与隐藏
$('.log').on('click', function (e) {
    e.preventDefault()
    $('.login').fadeIn(200)
    $('html').css('overflow', 'hidden')
})
$('.off').on('click', function () {
    $('.login').fadeOut(200)
    $('html').css('overflow', 'visible')
})
$('.mask').on('click', function (e) {
    // e.stopPropogation()
    $('.login').fadeOut(200)
    $('html').css('overflow', 'visible')
})
// 注册和登录的切换
$('.zhuce').on('click', function () {
    $('.zhuce-content').css('display', 'block')
    $('.denglu-content').css('display', 'none')
    $('.zhuce').css({
        'font-weight': 700,
        'border-bottom': '1px solid #000'
    })
    $('.denglu').css({
        'font-weight': 400,
        'border-bottom': '1px solid #e5e5e5'
    })
})
$('.denglu').on('click', function () {
    $('.denglu-content').css('display', 'block')
    $('.zhuce-content').css('display', 'none')
    $('.denglu').css({
        'font-weight': 700,
        'border-bottom': '1px solid #000'
    })
    $('.zhuce').css({
        'font-weight': 400,
        'border-bottom': '1px solid #e5e5e5'
    })
})
// 注册---------------------------
// 注册账号的查询和格式判断
$('#name').on('blur', function () {
    let reg = /^[1]\d{10}$/
    if (!reg.test($('#name').val())) {
        $('.err').html('×')
        $('.err').css('display', 'block')
    }
    else {
        $('.err').css('display', 'none')
        $.ajax({
            type: 'get',
            url: 'http://localhost/2208/ysl/03.php',
            data: {
                "username": `${$('#name').val()}`
            },
            success: function (res) {
                if (res == 0) {
                    $('.err').html('已有用户名')
                    $('.err').css('display', 'block')
                }
            }
        })
    }

})
// 点击注册按钮的操作
$('#zc').on('click', function () {
    if ($('.err').css("display") == 'block') {
        alert('请输入正确的手机号码')
    }
    if ($('.err').css("display") == 'none') {
        if ($('#pass').val() == '') {
            alert('请输入密码')
        }
        else {
            if ($('#agree').prop('checked') == false) {
                alert('请同意使用条款和隐私政策')
            }
            if ($('#agree').prop('checked') == true) {
                $.ajax({
                    type: 'post',
                    url: 'http://localhost/2208/ysl/04.php',
                    data: {
                        "username": `${$('#name').val()}`,
                        "userpass": `${$('#pass').val()}`
                    },
                    success: function (res) {
                        if (res == 0) {
                            alert('注册失败')
                        }
                        if (res == 1) {
                            alert('注册成功')
                            $('#name').val('')
                            $('#pass').val('')
                            $('#agree').prop('checked') == false
                        }
                    }
                })
            }

        }

    }

})
// 登录-------------------------------
$('#dl').on('click', function () {
    $.ajax({
        type: 'post',
        url: 'http://localhost/2208/ysl/05.php',
        data: {
            "username": `${$('#name1').val()}`,
            "userpass": `${$('#pass1').val()}`
        },
        success: function (res) {
            if (res == 0) {
                alert('账号密码不正确')
            }
            if (res == 1) {
                alert('登录成功')
                setCookie('username',$('#name1').val(),7);
                $('#name1').val('')
                $('#pass1').val('')
                $('.login').fadeOut(200)
                $('html').css('overflow', 'visible')
            }
        }
    })
})
// 检测是否有cookie,修改页面
window.onload = function () {
    let cookie = getCookie('username');  // ""
    if (cookie) {  // 如果有这个cookie，登陆过
        $('.log').html(`欢迎用户`)
        $('.log').removeClass('log')
    } else {
        $('.log').html('<i class="iconfont icon-wode"></i>登录丨注册')
    }

}

// 二级菜单动态
$('.menu>li').hover(function (e) {
    $(this).children('a').css('font-weight', 700).parent().siblings().children('a').css('font-weight', 400)
    $(this).find('.erji').stop()
    $(this).find('.erji').slideDown(300)
}, function () {
    $(this).children('a').css('font-weight', 400)
    $(this).find('.erji').stop()
    $(this).find('.erji').slideUp(300)
})
//产品区域动态 
// 产品区域li滑动
$('.linear>ul>li>a').on('click', function (e) {
    // 取消a标签默认行为
    e.preventDefault()
    // li文字样式变化
    $(this).css({ 'font-weight': 700, color: '#000' }).parent().siblings().find('a').css({ 'font-weight': 400, color: '#a6a6a6' })
    // li下的箭头边框线显示和隐藏
    $(this).parent().addClass('run').siblings().removeClass('run')
    // 产品区域变化
    $('.box').eq($(this).parent().index()).css('display', 'block').siblings('.box').css('display', 'none')
})